//配置路由
import Vue from 'vue';
import VueRouter from 'vue-router'
//使用插件
Vue.use(VueRouter)
//引入路由组件
import Home from '@/pages/Home'
import Search from '@/pages/Search'
import Login from '@/pages/Login'
import Register from '@/pages/Register'
export default new VueRouter({
    //配置路由
    routes: [
        {
            path: '/home',
            component: Home,
            meta: { show: true }

        },
        {
            path: '/Search/:keyword?',
            component: Search,
            //用于携带布尔值
            meta: { show: true },
            //命名用于对象写法传递参数
            name: 'search',
            // 问题4：路由组件可以传递props吗？
            // 布尔值写法：只能传递params
            // props:true,
            // 对象写法:额外的给路由组件传递一些props
            // props:{a:1,b:2}
            // 函数写法：可以传递params，query参数，通过props传递给路由组件
            props: ($route) => ({ keyword: $route.params.keyword, k: $route.query.k })

        },
        {
            path: '/Login',
            component: Login,
            meta: { show: false }

        },
        {
            path: '/Register',
            component: Register,
            meta: { show: false }

        },
        //重定向，在项目跑起来的时候，访问/,立刻定向到首页
        {
            path: '*',
            redirect: "/home"
        }
    ]
})